section.vote#vote
  h2.section-title TOP50 入围产品
  .visible-xs-block.container.tac
    a.category-item-mobile(
      v-repeat="awards" v-on="click: this.$parent.$set('category', $index)"
      v-class="active: $index === category" href="javascript:;")
      | {{info.name}}
  .category-item v-repeat="awards" v-class="active: $index === category"
    .container
      .category-title.dib-middle.tac.hidden-xs
        .badge.dib-middle
        .dib-middle.tal
          .title
            | {{info.name.substr(0, 2)}}
            br
            | {{info.name.substring(2)}}
          .des 提名
      .products-list.dib-middle
        .product-item v-repeat="ranks"
          a.product-logo href="/products/{{product.id}}?year=2015" target="_blank"
            .product-logo-wrap
              img v-attr="src: product.logo.url"
          a.product-name href="/products/{{product.id}}?year=2015" target="_blank"
            | {{product.name}}
          a.btn.share href="/products/{{product.id}}?year=2015" target="_blank" 详情
          / a.btn.vote v-on="click: vote(this, $parent)" v-show="!isVoted" href="javascript:;" 投票
          / a.btn.share v-on="click: share(this)" v-show="isVoted" href="javascript:;" 分享
          .share-card v-class="show: isShare"
            .mask v-on="click: this.$set('isShare', false)"
            .wechat-mask v-class="show: isWechat" v-on="click: hideWechat(this)"
              img.a-center-trans src=""
            .a-center-trans.icon-container
              a.share-icon.wechat.hidden-xs href="javascript:;" v-on="click: this.$set('isWechat', true)"
              a.share-icon.weibo href="javascript:;" v-on="click: shareTo('weibo', this)"
              a.share-icon.twitter href="javascript:;" v-on="click: shareTo('twitter', this)"
#vote-modal.modal.vote-modal tabindex="-1" role="dialog"
  .modal-dialog role="document"
    .modal-content.tac
      .visible-xs.vote-success
        | 投票成功
        a.close-icon href="javascript:;" data-dismiss="modal"
      .dashed-border
        .vote-modal-header
          span.a-center-trans
            | {{awardsName}}
        .vote-modal-content
          img.vote-modal-logo v-attr="src: item.product.logo.url"
          .vote-modal-name
            | {{item.product.name || ''}}
          .share-des
            | 我在 InnoAwards 2015 为「{{item.product.name || ''}}」投了一票，让我的小伙伴们也来为Ta点赞！
          .share-icons
            a.share-icon.wechat.visible-wechat href="javascript:;" v-on="click: toggleTip(true)"
            a.share-icon.wechat.hidden-xs href="javascript:;"
              img.wechat-qr.a-center-trans src=""
            a.share-icon.weibo href="javascript:;" v-on="click: shareTo('weibo', item)"
            a.share-icon.twitter href="javascript:;" v-on="click: shareTo('twitter', item)"
      .hidden-xs.vote-success 投票成功
  .wechat-share-tip v-show="tipShare" v-on="click: toggleTip(false)"
